---
title: Button Groups
description: Discover responsive button group components built with Tailwind CSS v4. These customizable UI elements are perfect for web applications, dashboards, and admin panels, supporting action buttons, icon buttons, tabbed navigation, and toggle controls. Optimized for accessibility, SEO, and mobile usability.
category: application
emoji: 👆
slug: button-groups
wrapper: h-[200px]
terms:
  - action
  - group
components:
  - { title: 'Base', dark: true }
  - { title: 'Icons', dark: true }
  - { title: 'Main and secondary', dark: true }
  - { title: 'Layouts', dark: true }
  - { title: 'Layouts without space', dark: true }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Button Group Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
